<ion-header>
  <ion-toolbar>
      <ion-buttons slot="start">
        <ion-back-button text="返回" defaultHref="/tabs/(contact:contact)"></ion-back-button>
      </ion-buttons>
    <ion-title>infinite-scrool</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content padding>
  <ion-button (click)="toggleInfiniteScroll()" expand="block">
    Toggle Infinite Scroll
  </ion-button>

  <ion-list>
      <ion-item-sliding *ngFor="let i of data">
        <ion-item>
          <ion-label>{{i}}</ion-label>
        </ion-item>
        <ion-item-options side="end">
          <ion-item-option>Unread</ion-item-option>
        </ion-item-options>
      </ion-item-sliding>
  </ion-list>

  <ion-infinite-scroll threshold="100px" (ionInfinite)="loadData($event)">
    <ion-infinite-scroll-content
      loadingSpinner="bubbles"
      loadingText="Loading more data...">
    </ion-infinite-scroll-content>
  </ion-infinite-scroll>
</ion-content>
